{% extends "base_form.html" %}

{% block title %}万屏时代OPC--编辑微信菜单{% endblock %}

{% block panel_heading %}
  万屏时代OPC--编辑微信菜单
  <button onclick="javascript:history.back();" class="btn btn-xs btn-info pull-right" aria-haspopup="true" aria-expanded="false">返回</button>
{% endblock %}

{% block scripts %}
{{ super() }}
    <script>
        $(function () {
            // 初始化
            toggle_pid($('#level').val());
            toggle_type($('#type').val());

            function toggle_pid(val){
                if(val == 1){
                    $('label[for=pid]').hide();
                    $('#pid').hide().next('.select2').hide();
                }else {
                    $('label[for=pid]').show();
                    $('#pid').show().next('.select2').show();
                }
            }

            function toggle_type(val){
                if(val == 'view'){
                    $('label[for=url]').show();
                    $('#url').show();
                    $('label[for=key]').hide();
                    $('#key').hide();
                    $('label[for=appid]').hide();
                    $('#appid').hide();
                    $('label[for=pagepath]').hide();
                    $('#pagepath').hide();
                }else if(val == 'click'){
                    $('label[for=url]').hide();
                    $('#url').hide();
                    $('label[for=key]').show();
                    $('#key').show();
                    $('label[for=appid]').hide();
                    $('#appid').hide();
                    $('label[for=pagepath]').hide();
                    $('#pagepath').hide();
                } else if(val == 'miniprogram') {
                    $('label[for=url]').show();
                    $('#url').show();
                    $('label[for=key]').hide();
                    $('#key').hide();
                    $('label[for=appid]').show();
                    $('#appid').show();
                    $('label[for=pagepath]').show();
                    $('#pagepath').show();
                } else {
                    $('label[for=url]').hide();
                    $('#url').hide();
                    $('label[for=key]').hide();
                    $('#key').hide();
                    $('label[for=appid]').hide();
                    $('#appid').hide();
                    $('label[for=pagepath]').hide();
                    $('#pagepath').hide();
                }
            }

            $('#level').change(function(){
                var val = $(this).val();
                toggle_pid(val)
            });

            $('#type').change(function(){
                var val = $(this).val();
                toggle_type(val)
            });

            $( "form" ).submit(function() {
              var type_val = $('#type').val();
              var level_val = $('#level').val();
              if(level_val == '2' && $('#pid').val() == null){
                  alert('二级菜单时必须选择一个父菜单');
                  return false
              }

              if(level_val == '2' && type_val == 'parent_button'){
                  alert('二级菜单类型不能为父菜单');
                  return false
              }
              if(type_val == 'view'){
                  if($('#url').val() == ''){
                      alert('类型为网页时必须输入网页链接');
                      return false
                  }
              }else if(type_val == 'click'){
                  if($('#key').val() == ''){
                      alert('类型为点击时必须输入key');
                      return false
                  }
              }else if(type_val == 'miniprogram'){
                  if($('#url').val() == ''){
                      alert('类型为小程序时必须输入网页链接');
                      return false
                  }
                  if($('#appid').val() == ''){
                      alert('类型为小程序时必须输入appid');
                      return false
                  }
                  if($('#pagepath').val() == ''){
                      alert('类型为小程序时必须输入pagepath');
                      return false
                  }
              }
            });
        })
    </script>
{% endblock %}

